<template>
  <!-- <div class="app"> -->
    <!-- <button>App</button> -->
    <!-- 渲染区域 -->
    <RouterView class="app"></RouterView>
  <!-- </div> -->
</template>
<script lang="ts">
/**
 * 页面核心数据结构体说明文档
 *
 *
 */
// import from

export default {
  name: 'App',
  props: {
    sampleP: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      sampleD: 'value'
    }
  },
  computed: {
    /* sampleC() {
      return this.sampleD + "--";
    }, */
  },
  created() {},
  mounted() {},
  methods: {
    // sampleM() {},
  },
  watch: {
    // sampleP(n, o) {},
  }
}
</script>

<!--<style scoped>-->
<style lang="scss" scoped></style>
<!-- class = 'app ' scoped -->
<!-- class = 'app ' data-v-7a7a37b1  -->
<style lang="css" scoped>
.app {
  height: 100vh;
}
</style>
